<script language='javascript'>
    var winForm;
    $(document).ready(function() {
        var icons = {
            header: "ui-icon-circle-arrow-e",
            activeHeader: "ui-icon-circle-arrow-s"
        };
        $(function() {
            $( "#accordionObjects" ).accordion({
//                icons: icons,
                collapsible:true
            });
        });
        $("#btn_ejecutar_2").click(function(){
            alert("Tema de muestra. En proceso de construcción");
        });
        
        $(".resources a").click(function(){
            alert("En proceso de construcción");
        });
        $("#btn_ejecutar").click(function(){
            window.location.href=BASE_URL+"objects/index/1";
        });
    });
</script>
<input id="hd_context" type="hidden" value="<?php echo $breadcumb;?>"/>
<?php    $urlSummary = base_url()."/index.php/modules/index/1";   ?>
<ul class='ul_page' style="margin:0px;">
    <li>
        <h2 style="margin-left: 5%;margin-top: 20px;">Resumen Temas</h2>
        <h2><a style="margin-left: 5%;font-size:12px;" href="<?php echo $urlSummary;?>">(Cambiar a vista por Categorías)</a></h2>
        <ul class="objectsTemas">
            <li>
                <ul class="tema">
                    <li><div class="status btn-success">EN DESARROLLO</div></li>
                    <li class="content">
                        <img src="http://www.medsaludips.com/home/images/imagesdesitio/cardiologia.jpg"/>
                        <ul class="detail">
                            <li class="li_title">Categoría: Tema Nombre</li>
                            <li class="li_author">Autor: Profesor Albert Rodriguez P.</li>
                            <li class="li_created">Creado 10/12/2013, Válido hasta 20/12/2013</li>
                            <li class="li_executed">Ejecutado por última vez 13/12/2013 a las 16:00</li>
                            <li class="li_description">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                            </li>
                        </ul>
                        <ul class="resources">
                            <li><a href="#">Archivos/Recurso</a></li>
                            <li><a href="#">F.A.Q</a></li>
                            <li><a href="#">Casos Relacionados</a></li>
                            <li><a href="#">Temas Relacionados</a></li>
                            <li><a href="#">Notas de Derivación</a></li>
                        </ul>
                        <div class="executions">
                            <div class="bar_progress">
                                <div style="width:70%;float:left;height:30px;" class="btn-warning"></div>
                                
                            </div>
                            <span>70% Avance</span>
                            <div id="btn_ejecutar" class="btn_execute btn btn-info">Ejecutar</div>
                        </div>
                    </li>
                </ul>
            </li>
            <li>
                <ul class="tema">
                    <li><div class="status btn-success">EN DESARROLLO</div></li>
                    <li class="content">
                        <img src="http://www.centromedicofundacion.cl/centro_medico/especialidades/img/broncopulmonar.jpg"/>
                        <ul class="detail">
                            <li class="li_title">Tema de ejemplo</li>
                            <li class="li_author">Autor: Profesor Juan Perez P.</li>
                            <li class="li_created">Creado 10/12/2013, Válido hasta 20/12/2013</li>
                            <li class="li_executed">Ejecutado por última vez 13/12/2013 a las 16:00</li>
                            <li class="li_description">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                            </li>
                        </ul>
                        <ul class="resources">
                            <li><a href="#">Archivos/Recurso</a></li>
                            <li><a href="#">F.A.Q</a></li>
                            <li><a href="#">Casos Relacionados</a></li>
                            <li><a href="#">Temas Relacionados</a></li>
                            <li><a href="#">Notas de Derivación</a></li>
                        </ul>
                        <div class="executions">
                            <div class="bar_progress">
                                <div style="width:35%;float:left;height:30px;" class="btn-warning"></div>
                                
                            </div>
                            <span>35% Avance</span>
                            <div id="btn_ejecutar_2" class="btn_execute btn btn-info">Ejecutar</div>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
